<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" type="text/css" href="./static/base.css">
    <!-- <title>智慧宝</title> -->
    <script type="text/javascript">
      var html = document.documentElement;
      var hWidth = html.getBoundingClientRect()["width"];
      html.style.fontSize = hWidth / 37.5 + "px";
    </script>
  </head>
  <body>
    <div id="app"></div>
  </body>
  <style type="text/css">
    .swiper-ad > .swiper-pagination-bullets{
      bottom: 0;
    }
    .swiper-ad .swiper-pagination-bullet{
      width: .6rem;
      height: .3rem;
      background-color: #fff;
      opacity: .4;
      border-radius: 100px;
    }
    .swiper-ad .swiper-pagination-bullet-active{
      width: 1.2rem;
      height: .3rem;
      background-color: #fff;
      opacity: 1;
    }
    .vux-popup-mask.vux-popup-show{
      background-color: rgba(0,0,0,.6);
    }

    .home .swiper-slide-prev img{transform: scale(.9);}
    .home .swiper-slide-prev{transform: translate3d(3.7rem, 0px, 0) scale(1)!important;}
    .home .swiper-slide-next{transform: translate3d(-3.7rem, 0px, 0) scale(1)!important;}
    .home .swiper-slide-next img{transform: scale(.9);}
    .home .swiper-container-3d .swiper-slide-shadow-left,.home .swiper-container-3d .swiper-slide-shadow-right{background: transparent!important;opacity: 0!important;}
  </style>
</html>
